<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>  <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/index.css">
    <title>人才评估</title>
</head>
<body>
    <article>
        <header class="nav border-bottom">
            <span class="left-btn">
                <span class="icon icon-back"></span>
            </span>
            <h1>
                人才评估
            </h1>
            <span class="right-btn">
                <span class="icon icon-search"></span>
                <span class="icon icon-sort"></span>
             </span>
            <input type="text" class="search" placeholder="请输入工号或姓名查找">
        </header>
        <section class="main">
            <header>
                <ul class="tabs">
                    <li class="active">品德</li>
                    <li>责任行为</li>
                    <li>工作态度</li>
                    <li>工作能力</li>
                    <li>业绩</li>
                </ul>
                <div class="list-filter ">
                    <!-- <ul class="show"> -->
                    <ul>
                        <li class="active">全部</li>
                        <li>平台开发部</li>
                        <li>海外事业部</li>
                        <li>人力资源</li>
                    </ul>
                    <span class="icon icon-down"></span>
                </div>

            </header>
            <section class="main-body" style="padding-top:1rem">
                
                <div class="group-container collapse on">
                    <div class="title">
                        <span>平台开发部</span>
                        <span class="icon icon-back"></span>
                    </div>
                    <ul class="content member-list">
                        <li>
                            <div class="avatar" style="background-image: url('images/avatar.jpg');"></div>
                            <span>张三三</span>
                            <span class="status status-before">未开始</span>
                        </li>
                        <li>
                            <div class="avatar" style="background-image: url('images/avatar.jpg');"></div>
                            <span>李四四</span>
                            <span class="status status-active">进行中</span>
                        </li>
                        <li>
                            <div class="avatar" style="background-image: url('images/avatar.jpg');"></div>
                            <span>周五五</span>
                            <span class="status status-finished">90</span>
                        </li>
                    </ul>
                </div>
            </section>
        </section>

    </article>
</body>
</html>